<template>
    <div class="m-products">
        <el-row>
            <el-col>
                <crumb></crumb>
            </el-col>
        </el-row>
        <el-row class="clearfix mb40">
            <el-col :span="18">
                <tags></tags>
                <list></list>
            </el-col>
            <el-col :span="6">
                <div class="right-content">
                    <imap></imap>
                </div>   
            </el-col>
        </el-row>
        <el-row>
            <el-col>
                <navbar></navbar>
            </el-col>
        </el-row>   
    </div>
</template>

<script>
import crumb from '@/components/products/crumb.vue'
import tags from '@/components/products/tags.vue'
import list from '@/components/products/list.vue'
import navbar from '@/components/index/navbar.vue'
import imap from '@/components/map.vue'

export default{
    components:{
        crumb,
        tags,
        list,
        navbar,
        imap    
    }
}
</script>

<style lang="less">
    @import "../assets/less/products/products.less";
</style>